import axios from "axios"
import store from '@/store'
import router from "@/router";
// 创建了一个新的axios实例
const service = axios.create({
  // http://ihrm-java.itheima.net
  baseURL: process.env.VUE_APP_BASE_API
})

//配置请求拦截器
// 添加请求拦截器
service.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  console.log('所有的正常的请求会经过这里',config);
  const token = store.state.user.token
  if(token){
    config.headers.Authorization = `Bearer ${token}`
  }
  return config;
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error);
});



// 配置响应拦截器
// 添加响应拦截器
service.interceptors.response.use(function (response) {
  // 对响应数据做点什么
  console.log('正常响应都会经过这里',response);
  // 如果响应中 data.success = false 说明用户名或者密码错误 需要抛出一个用户
  if(!response.data.success){
    return Promise.reject(response.data.message)
  }
  // 取出响应结果 返回给浏览器
  return response.data
}, function (error) {
  console.log('所有的错误的响应在返回浏览器之前都会经过这里',error.response);
  // 对响应错误做点什么
  // 判断是否有401的错误 token失效
  if(error.response.status === 401 && error.response.data.code === 10002){
    // 清空token 清空用户信息
    store.dispatch('user/logout')
    // 跳转到登录页 重新登录 重新获取token
    // 获取到token失效时页面的地址传递到登录页面
    // 适合在vue文件中 this.$route.fullPath //获取当前页面的地址
    // js文件中如何获取当前页面的地址 router.currentRoute.fullPath
    console.log('router',router);
    // 获取token失效时页面的地址进行编码 encodeURIComponent(router.currentRoute.fullPath)
    router.push('/login?url='+encodeURIComponent(router.currentRoute.fullPath))

  }
  return Promise.reject(error);
});

// 暴露 axios 实例 service
export default service